<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<link rel="icon" href="../images/16.png" sizes="16x16" type="img/png"/>
		<link rel="icon" href="../images/48.png" sizes="48x48" type="img/png"/>
		<link rel="icon" href="../images/128.png" sizes="128x128" type="img/png"/>
		<link type="text/css" rel="stylesheet" href="../css/options.css"/>
		<script type="text/javascript" src="../js/dataExport.js"></script>
		<script type="text/javascript" src="../js/dataImport.js"></script>
		<script type="text/javascript" src="../js/localizeOptions.js"></script>
		<script type="text/javascript" src="../js/markDirty.js"></script>
		<script type="text/javascript" src="../js/optionsLoad.js"></script>
		<script type="text/javascript" src="../js/optionsReset.js"></script>
		<script type="text/javascript" src="../js/optionsSave.js"></script>
	</head>
	<body onload="localizeOptions();optionsLoad();">
		<div id="header"><h1><span id="name"></span></h1></div>
		<div class="section-header"><span id="optionslabel"></span></div>
		<table>
			<tr><td><span id="editorwidthlabel"></span></td><td><input id="editorWidth" type="number" min="0" value="660" oninput="markDirty();" /><span id="pixelslabel1"></span></td></tr>
			<tr><td><span id="verticalpaddinglabel"></span></td><td><input id="verticalPadding" type="number" min="0" value="0" oninput="markDirty();" /><span id="pixelslabel2"></span></td></tr>
			<tr><td><span id="backgroundcolorlabel"></span></td><td><input id="backgroundColor" type="color" value="#000000" oninput="markDirty();" /></td></tr>
			<tr><td><span id="fontcolorlabel"></td><td><input id="fontColor" type="color" value="#B9B9B9" oninput="markDirty();" /></td></tr>
			<tr><td><span id="fontfamilylabel"></td><td><select id="fontFamily" onchange="markDirty();"><option id="monospace" Selected>Monospace</option><option id="sansSerif">Sans-Serif</option><option id="serif">Serif</option></select></td></tr>
			<tr><td><span id="fontsizelabel"></td><td><input id="fontSize" type="text" value="12pt" oninput="markDirty();" /></td></tr>
			<tr><td><span id="lineheightlabel"></td><td><input id="lineHeight" type="text" value="1.47em" oninput="markDirty();" /></td></tr>
			<tr><td><span id="displayfooterlabel"></td><td><input id="displayFooter" type="checkbox" onchange="markDirty();" checked /></td></tr>
		</table>
		<div class="controls">
			<button id="savebutton" onclick="optionsSave();"></button><button id="resetbutton" onclick="optionsReset();"></button>
		</div>
		<div class="section-header"><span id="importexportlabel"></span></div>
		<table>
			<tr><td><span id="importlabel"></span></td><td><input id="importbutton" type="file" onchange="dataImport(this.files);" /></td></tr>
			<tr><td><span id="exportlabel"></span></td><td><button id="exportfilebutton" onclick="dataExport();" disabled="disabled"></button></td></tr>
		</table>
	</body>
</html>
